<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8" />
<title>确认订单-DeathGhost</title>
<meta name="keywords" content="DeathGhost,DeathGhost.cn,web前端设,移动WebApp开发" />
<meta name="description" content="DeathGhost.cn::H5 WEB前端设计开发!" />
<meta name="author" content="DeathGhost"/>
<link href="/style/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/public.js"></script>
<script type="text/javascript" src="/js/jquery.js"></script>
   <script type="text/javascript" src="/js/jqpublic.js"></script>
    <script src="/js/vue.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

</head>
<body>
<header class="header">
</header>
<script>

 $('.header').load('/header.html',function(responseTxt,statusTxt,xhr){


 })

</script>
<!--Start content-->
<section class="Psection MT20" id="Cflow">
<!--如果用户未添加收货地址，则显示如下-->
 <form action="/order/add" method="post">
 <div class="confirm_addr_f">
  <span class="flow_title">收货地址：</span>
  <!--已保存的地址列表-->
   <ul class="address">
       <li id="style1" th:each="addr:${addrs}"><span th:if="${addr.getStatus().equals('y')}" ><input type="radio" checked="checked"  name="rdColor" th:value="${addr.getId()}" /></span>
           <span th:if="${addr.getStatus().equals('n')}" ><input type="radio"  th:value="${addr.getId()}" name="rdColor"/></span>
           <label>&nbsp;&nbsp;<span th:text="${addr.getProvince()}">    </span><span th:text="${addr.getCity()}">     </span><span th:text="${addr.getDistrict()}"></span>     <span th:text="${addr.getPerson()}"></span>            <span class="fontcolor" th:text="${addr.getPhone()}"></span></label></li>
   </ul>

 </div>
 <div class="pay_delivery">
  <span class="flow_title">在线支付方式：</span>
    <ul>
    <li><input type="radio" name="pay" id="alipay" value="1" /><label for="alipay"><i class="alipay"></i></label></li>
    </ul>
  </div>
  <div class="inforlist">
   <span class="flow_title">商品清单</span>
   <table>
    <th>名称</th>
    <th>数量</th>
    <th>价格</th>
    <th>小计</th>
    <tr th:each="dish:${dishs}">
     <input type="hidden" name="cartids" th:value="${dish.getId()}"/>
     <td th:text="${dish.getDish().getDishName()}"></td>
     <td th:text="${dish.getNums()}"></td>
     <td th:text="${dish.getDish().getPrice()}"></td>
     <td th:text="${dish.getNums()*dish.getDish().getPrice()}"></td>
    </tr>
   </table>
    <div class="Order_M">
     <p><em>订单附言:</em><input name="msg"  type="text"></p>
    </div>
    <div class="Sum_infor">
    <p class="p2">合计：￥<span th:text="${zprice}"></span></p>
    <input type="submit" value="提交订单"  class="p3button">
    </div>
   </div>
 </div>
 </form>
</section>
<script>
//Test code,You can delete this script /2014-9-21DeathGhost/
$(document).ready(function(){
 var submitorder =$.noConflict();
 submitorder(".p3button").click(function(){
	 submitorder("#Cflow").hide();
	 submitorder("#Aflow").show();
	 });
});
</script>
<section class="Psection MT20 Textcenter" style="display:none;" id="Aflow">
  <!-- 订单提交成功后则显示如下 -->
  <p class="Font14 Lineheight35 FontW">恭喜你！订单提交成功！</p>
  <p class="Font14 Lineheight35 FontW">您的订单编号为：<span class="CorRed">201409205134</span></p>
  <p class="Font14 Lineheight35 FontW">共计金额：<span class="CorRed">￥359</span></p>
 <p><button type="button" class="Lineheight35"><a href="#" target="_blank">支付宝立即支付</a></button><button type="button" class="Lineheight35"><a th:href="user_center.html">进入用户中心</a></button></p>
</section>

<footer>
 <section class="Otherlink">
  <aside>
   <div class="ewm-left">
    <p>手机扫描二维码：</p>
    <img src="/images/Android_ico_d.gif">
    <img src="/images/iphone_ico_d.gif">
   </div>
   <div class="tips">
    <p>客服热线</p>
    <p><i>1830927**73</i></p>
    <p>配送时间</p>
    <p><time>09：00</time>~<time>22:00</time></p>
    <p>网站公告</p>
   </div>
  </aside>
  <section>
    <div>
    <span><i class="i1"></i>配送支付</span>
    <ul>
     <li><a th:href="article_read.html" target="_blank" title="标题">支付方式</a></li>
     <li><a th:href="article_read.html" target="_blank" title="标题">配送方式</a></li>
     <li><a th:href="article_read.html" target="_blank" title="标题">配送效率</a></li>
     <li><a th:href="article_read.html" target="_blank" title="标题">服务费用</a></li>
    </ul>
    </div>
    <div>
    <span><i class="i2"></i>关于我们</span>
    <ul>
     <li><a th:href="article_read.html" target="_blank" title="标题">招贤纳士</a></li>
     <li><a th:href="article_read.html" target="_blank" title="标题">网站介绍</a></li>
     <li><a th:href="article_read.html" target="_blank" title="标题">配送效率</a></li>
     <li><a th:href="article_read.html" target="_blank" title="标题">商家加盟</a></li>
    </ul>
    </div>
    <div>
    <span><i class="i3"></i>帮助中心</span>
    <ul>
     <li><a th:href="article_read.html" target="_blank" title="标题">服务内容</a></li>
     <li><a th:href="article_read.html" target="_blank" title="标题">服务介绍</a></li>
     <li><a th:href="article_read.html" target="_blank" title="标题">常见问题</a></li>
     <li><a th:href="article_read.html" target="_blank" title="标题">网站地图</a></li>
    </ul>
    </div>
  </section>
 </section>
<div class="copyright">© 版权所有 2016 DeathGhost 技术支持：<a href="http://www.deathghost.cn" title="DeathGhost">DeathGhost</a></div>
</footer>
</body>
</html>
